<?php session_start();
	  require_once ("adm_usuarios.php");	
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main-nosidebar.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Código del Icono -->			
<link href="images/logo.ico" type="image/x-icon" rel="shortcut icon" />				
<!-- InstanceBeginEditable name="doctitle" -->
<title>Sistema SAPSIL</title>
<!-- InstanceEndEditable -->
<link href="styles/tesis.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>

<!-- start jquery ui -->
<link href="scripts/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/error_list.js"></script>
<script src="scripts/gen_validate.js" type="text/javascript"></script>
<!-- end jquery ui -->
<script type="text/javascript">
$(document).ready(function() {
   
    $("#tabs").tabs();
  });
function showLogin()
{
$(".loginbox").slideToggle("slow");
}

//datepicker

	$(function() {
		$( ".datepicker" ).datepicker({
			showOn: "button",
			buttonImage: "images/calendar.gif",
			buttonImageOnly: true
		});
	});

</script>

<!-- Script Accordeon Menu -->
<script type="text/javascript" src="scripts/ddaccordion.js"></script>
<script type="text/javascript">


ddaccordion.init({ //top level headers initialization
	headerclass: "expandable", //Shared CSS class name of headers group that are expandable
	contentclass: "categoryitems", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

ddaccordion.init({ //2nd level headers initialization
	headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable
	contentclass: "subcategoryitems", //Shared CSS class name of sub contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["opensubheader", "closedsubheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


</script>

<!-- Script Accordeon Menu -->
<style type="text/css">
<!--
.Estilo1 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.Estilo5 {font-style: italic; font-size: 12px;}
.Estilo6 {color: #FF0000}
.Estilo7 {font-size: 14px}
.Estilo8 {font-size: 16px}
.Estilo9 {
	font-weight: bold;
	font-size: 14px;
} 
.Estilo12 {font-size: 11px}
-->
</style>

<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body class="no-sidebar">

<div class="container">
  <div class="header"><!-- #BeginLibraryItem "/Library/loginbox.lbi" -->
    <div class="loginButton login"><a onclick="showLogin()" href="javascript:;">Login</a></div>
    <div class="logoutButton logout" style="display:none"><a onclick="javascript:logout('lib/logoff.php')" href="javascript:;">Bienvenido <?php if(isset($_SESSION['USU_NAME'])){ echo $_SESSION['USU_NAME'];} ?> <br /> Logout</a></div> 
<div class="loginbox">
    <form id="frm_login" name="frm_login" method="post" action="">
      <p>
        <label for="log_username">Usuario: </label>
        <input name="log_username" type="text" class="input-width" id="log_username" />
      </p>
      <p>
        <label for="log_password">Password: </label>
        <input name="log_password" type="password" class="input-width" id="log_password" /><span class="submit"><a href="javascript:validarIngresoInd('lib/validarUsuario.php');">&nbsp;</a> </span>
      </p>
    </form>
  </div><!-- end .loginbox--><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/logo.lbi" --><a href="#"><img src="images/logo2.jpg" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background: #f7d10e; display:block;" /></a><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/navigation.lbi" --><div class="navigation">
      <ul class="nav">
        <li><a href="ofper/ofp_buscar.php">Ofertas de empleo</a></li> 
        <li><a href="cit_registrar2.php">Participa</a></li>
        <li><a href="index.php">Quienes Somos</a></li>
		  <li><a href="index.php">Inicio</a></li>
      </ul>
    </div><!-- #EndLibraryItem --><!-- end .header --></div>
  <div class="content"><!-- InstanceBeginEditable name="contenido" -->
   <div class="indexsidebar">
      <div class="bienvenida">
        <h4>Bienvenido al SAPSIL </h4>
        <a href="Ayuda/ayuda_pcd/ayuda_sapsil.chm"><h5 align="center">Ayuda
        <p align="center"><img src="images/ayuda.gif" width="107" height="98" /></p></h5></a>
      </div>
    </div>
    <div class="indexcontent">
       <div class="contentbox">
	   <h4>¿Qué es el SIL?</h4>
       <p align="justify"><font size="2" color="#000066" face="Calibri">El SIL es un servicio de calidad, de carácter gratuito y exclusivo para personas con discapacidad que tiene como misión 	favorecer su incorporación al mercado laboral mediante el acompañamiento en la búsqueda activa de empleo
El SIL está constituido por un equipo multidisciplinario especializado en llevar a cabo proceso para la incorporación laboral de personas con discapacidad. El trabajo desarrollado por el equipo es un proceso personalizado y continuo de atención a los usuarios. </font>	   </p>
   
	       </div>
		        <div class="contentbox">
        <div class="indexBanner"> 
		<a href="#"><img src="images/logo-delared.jpg" width="230" height="180" /></a>
		<a href="#"><img src="images/sil1.png" width="380" height="180" /></a>
		<a href="#"><img src="images/logo2.jpg" width="230" height="180" /></a>
		<a href="#"><img src="images/sil2.png" width="380" height="180" /></a>
		<a href="#"><img src="images/cocemfe.jpg" width="230" height="180" /></a>
		<a href="#"><img src="images/sil3.png" width="380" height="180" /></a>
        </div>
        </p>
	</div>
  <div class="contentbox">
  <br />
    </div>
   </div>
    <script type="text/javascript" src="scripts/jquery.cycle.all.min.js"></script>

    <script type="text/javascript">

$(document).ready(function() {
 $('.indexBanner').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	  //  next:   '#next2', 
    	//prev:   '#prev2'
		/*pager:  '#pager',*/
	    //after:   onAfter
	});
});

</script>

    
  <!-- InstanceEndEditable --><!-- end .content -->  </div><!-- #BeginLibraryItem "/Library/footer.lbi" --><div class="footer">
       <p>Derechos Reservados copyright ©</p> 
    <!-- end .footer --></div><!-- #EndLibraryItem --><!-- end .container --></div>
	</body>
<!-- InstanceEnd --></html>
